<template>
  <div>
    <el-row v-if="isPreview">
      <el-col class="sel-item" v-for="(item,index) in groupList[teamIndex]" :span="5" :offset="1" :key="item">
        <div>
          <x-img class="team-logo" :src="item.iconUrl" /><span>{{item.label}}</span>
        </div>
      </el-col>
    </el-row>
    <el-row v-else>
      <el-col class="sel-item" v-for="(item,index) in groupList[teamIndex].userList" :span="5" :offset="1" :key="item">
        <div>
          <x-img class="team-logo" :src="item.iconUrl" /><span>{{item.commingName}}</span>
        </div>
      </el-col>
    </el-row>
  </div>
</template>

<script>
export default {
  props: {
    groupList: {
      type: Array
    },
    teamIndex: {
      type: Number
    },
    isPreview: {
      type: Boolean
    }
  },
  components: {
  },
  computed: {
    value () {
      return this.groupList
    }
  },
  created () {
    this.value = this.groupList
  },
  mounted () {
  },
  data () {
    return {
      teamList: []
    }
  },
  methods: {}
}
</script>

<style scoped> 
.sel-item{
  margin-bottom: 20px;
}
.team-logo{
  border-radius: 50%;
  width: 44px; 
  height: 44px;
  margin-right: 5px;
}
</style>
